<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>列表样式属性</title>
		<!-- HTML  结构层：列表主要是相同数据的集合
		                 有序列表、无序列表、定义列表
						 有序列表与无序列表自带样式
						 列表项标志属性  list-style-type
						 有序列表属性值：none、decimal【decimal是默认数值，不写也是decimal】lower-roman【小罗马数字】、upper-roman【大罗马数字】
						 无序列表属性值：none、disc【disc默认实心圆】、circle【空心圆】、square【实心方块】、
			注意：在实际开发中有序无序列表常用none，且无序列表居多
			             实际页面开发中：无序列表来定义相同数据集合，有利于SEO优化
						 实际常用属性：list-style-type: none; 与统配选择器一起使用，去掉页面上所有列表的样式
		 -->
		 <style>
			 ol li{
				 list-style-type: upper-roman;
			 }
			 ul li{
				 list-style-type: circle;
			 }
		 </style>
	</head>
	<body>
		<h1>有序列表</h1>
		<ol>
			<li>哪吒</li>
			<li>封神2</li>
			<li>唐探1900</li>
		</ol>
		
		
		<h1>无序列表</h1>
		<ul>
			<li>甜心格格</li>
			<li>神兵小将</li>
			<li>开心超人</li>
		</ul>
	</body>
</html>